ეს მარტივი აპლიკაცია საშუალებას გაძლევთ იხილოთ, თუ როგორ Hollywood გამოიყენებს ფერი თქვენი რეპუტაციაზე

ეს არის ეს არის რატომ იმიტომ, რომ ჯოკერი ძალიან რთული და ლურჯი? Why does feel so unsettlingly green and yellow? Joker Joker ეს არის ეს არის რატომ არის Blade Runner შეჩერებული Teal და Orange? Why is soaked in teal and orange? Blade Runner BLADE RUNNER ეს არის ეს არის რატომ ხელს უწყობს კანის სინამდვილე და სინამდვილე? Why does film make skin look soft and warm? ეს არ არის ფერი, ეს არის ფერი. და ვინმეს კონტროლი ფერი - კონტროლი ფსიქიკური წონის ფანჯარა. ფერის რეიტინგი არის ვიზიტური ენაზე ფილმი - გზა, რათა დადგინოთ გარემოს, ხელს უწყობს სიტყვას, და დააყენებს ტონით ისტორია. ეს შეიძლება იყოს მახასიათებელი და თითქმის невидимый. ან ცუდი და სტალიზირებული, როგორიცაა სამუშაო Wong Kar-Wai, Fincher, Nolan, ან Villeneuve. მაგრამ ეს ენა განიხილება ფართოდ, თქვენ პირველი უნდა იცოდეთ მისი გრაფიკის. როგორ ვიცით, რა არის “ესასწორი” ფერი? და როგორ გადაიხადოთ შემოქმედებითი მიზნით ტექნიკური საქმიანობას? Spoiler: ეს არ იწყება LUTs ან ფილტრები. ეს დაიწყება ფერი მიზნები, კალიბრირება, და მკაცრი არჩევანი პლატფორმაები ამ სერიაში, ჩვენ გაიგებთ: ეს არის ეს არის ეს არის ეს არის ეს არის რა ფერები არის ყველაზე ძირითადი დონეზე; რატომ შეზღუდვა თქვენი პლატფორმა არის ფუნქცია, არა bug; როგორ ფერი გრაფიკები მუშაობს (და რატომ ისინი მნიშვნელოვანია); და როგორ შექმნათ თქვენი საკუთარი რეიტინგული ინსტრუმენტი ბრაუზერში - React და ზოგიერთი მარტივი математика. და თქვენ შეგვიძლია ექსპერიმენტი, tinker, და ალბათ, პირველად ნამდვილად რა ხარისხის ხარისხის ხარისხი შეიცავს. ჩვენ არ ვცდილობთ, რომ უბრალოდ გაიგოთ. ჩვენ ვცდილობთ, რომ გაიგოთ. see What is Color Grading, and Why Start with Color Targets? რა არის Color Grading და რატომ უნდა დაიწყოს Color Target? ფერი სტრატეგიის პროცესია, რათა შეესაბამება და სტრატეგიის სურათი, რათა მიღწევა სპეციფიკური ვიზიტური ტონი, ფსიქიკური ეფექტი, ან ტექნიკური სტანდარტი. თუ ფილმი, ფოტო, ან ციფრული წარმოება, სტრატეგიის ჩვეულებრივ მოიცავს: ეს არის ეს არის ეს არის ეს არის შეესაბამება Exposure და White Point; ტექნიკური ფერადი ცვლილებები; ვიზუალური სტილის შექმნა კონტაქტი, ტონები და ფერი კურსი. მაგრამ რეიტინგი არ არის მხოლოდ "მუშავება ლამაზი". ეს არის კონტროლის შესახებ - ემოციას, სავარაუდოდ, სავარაუდოდ, ვიზუალური ენაზე მთელი სიტყვას. ადრე, რაც თქვენ გამოიყენოთ ნებისმიერი შექმნილია ნახვა, თქვენ უნდა მიიღოს სურათი a რაც ნიშნავს: neutral state ეს არის ეს არის ეს არის ეს არის არჩეული ფერები არჩეული ფერები არჩეული ფერები არჩეული ფერები არჩეული ფერები არჩეული ფერები არჩეული ფერები არჩეული ფერები არჩეული ფერები ჩვეულებრივი ფერი ფართობი (გალითად, Rec.709 ან sRGB) შეესაბამება მასალები სხვადასხვა კამერები შეესაბამება კონფიგურაცია. და ამისთვის, ფერები გამოიყენება როგორც ეს ** და , ** ან სხვა რეიტინგული გრაფიკები. color targets ColorChecker Chromaმონი ფერი target არის გრაფიკი ფერი patches ერთად ეს ღირებულება არ არის უარყოფითი – ისინი მიღებული სპექტროფოტამეტრიული ზომები კონტროლირებული გარემოში გამოყენებით პროფესიული მოწყობილობები, როგორიცაა X-Rite ან X-Rite. ზუსტად ზუსტად ზუსტად ზუსტად . Konica Minolta Spectrophotometers დატვირთვა Konica Minolta Spectrophotometers დატვირთვა ერთ-ერთი პირველი ფართოდ აღიარებული მიზნები იყო - ნედლეული მშრალი ტონა, რომელიც გამოიყენება ექსპლუატაციის კონტროლისთვის. შემდეგ მოდის უფრო მოწინავე გრაფიკები სრული ფერი პაკეტები - როგორიცაა დაარსდა 1976 წელს (საწყისში ცნობილია როგორც ეს მოიცავს 24 ფერადი სუთები, რომელიც განკუთვნილია საერთო რეალურ სამყაროში ფერები: ადამიანის კანის, Blue Sky, Green Leafage და სხვა. KODAK GRAY Scale-ის მოწყობილობები Macbeth ColorChecker X-Rite ColorChecker KODAK GRAY Scale-ის მოწყობილობები ციფრული ფოტოების და ციფრული ფილმების გამო, ფერი მიზნები უფრო მნიშვნელოვანია. ისინი ახლა აუცილებელი ინსტრუმენტები არ არის მხოლოდ კამერები, არამედ მონიტორები, პრინტერიები, სენსორები - და ნებისმიერი მოწყობილობა, რომელიც შეეხება ფერი. ისინი გამოიყენება ფერი შეესაბამება, profiling, და ნედლეული შეესაბამება სამუშაო გზა - საინფორმაციო წარმოების და მეცნიერების სურათების. X-Rite's ColorChecker, მაგალითად. თითოეული პაკეტი შეზღუდულია სტანდარტული განათება (დაახ. ან ) და შედეგები ჩაწერილი — მოწყობილობს დამოუკიდებელი ფერი მოდელი. ეს კონვერტატები შემდეგ კონვერტებულია , დამოკიდებულია თქვენი სამუშაო ფერადი სართულზე (მაგ. და ან ) და D65 D50 CIE XYZ coordinates RGB values sRGB Rec.709 AdobeRGB ასე რომ, RGB array ჩვენ გამოიყენებთ ჩვენი app არ არის დაფიქსირება - ისინი ზუსტი ციფრული რეპუტაცია სტანდარტული, ფიზიკურად ზუსტი patches. If the skin tone patch in the ColorChecker Classic is defined as [194, 150, 130] in RGB, ეს არის, თუ როგორ უნდა გამოიყურებოდეს სწორი პირობებში. თუ თქვენი სურათები აჩვენებს რაღაც განსხვავებული, ეს არის ნაჩვენები ფერი cast - და დაწყება ეტაპზე შეცვალოს. The Catch: Color Charts Are Just the Beginning ფერი მიზნები მნიშვნელოვანია kalibrating - მაგრამ ეს არის ყველა ისინი. ეს არ არის ანგარიშები: 1 დაწყება ეს არის ეს არის ეს არის ეს არის როგორ ქმნიან ფერები Highlights ან Shadows; უნიკალური თვისებები ფილმი ან ფანჯარა; ან შექმნილია კონკრეტული თვალსაზრისით. პროფესიული ინსტრუმენტები, როგორიცაა ან , ფერადი გრაფიკები მხოლოდ ერთი ნაბიჯი ხანგრძლივი მილის ხაზი. მას შემდეგ, რაც თქვენ გადავწყვიტოს მოწინავე პროცესები, როგორიცაა ფილმები, ტონა რუკირება, გრანები, halation, ბლუს, და სხვა სტილიზული ტრანსპორტირება. ასე რომ, მნიშვნელოვანია, რომ იცოდეთ: DAVINCI გადაწყვეტილებები DeHancer a chart is a calibration tool — not a style. DAVINCI გადაწყვეტილებები DeHancer CinePalette: A Minimal Tool for Exploring Color Palettes CinePalette: მინიმალური ინსტრუმენტი ფერების პლატფორმის შესწავლა იმისათვის, რომ აჩვენოთ, თუ როგორ აირჩიოს პლატფორმა შეიცავს სურათი, ჩვენ აშენდა — მარტივი ვებ პროგრამა, რომელიც იმიჯიშება, რა ხდება, როდესაც თქვენ შეზღუდოთ თქვენი ფერი ფართობი (როგზა, რომელიც ცნობილია როგორც ) და CinePalette Palette შემცირება What You Can Do with CinePalette: ეს არის ეს არის ეს არის ეს არის ეს არის ეს არის ეს არის ჩამოტვირთეთ ნებისმიერი სურათი; აირჩიეთ პალიტა (ColorChecker, Portra, Sepia და ა.შ.); რა თქმა უნდა, ყველა პლატფორმა უპირატესობად მოიცავს ამ პლატფორმა. შედარებით ადრე და შემდეგ ინტერაქტიული slider; შეინახეთ შედეგს; ან შექმნათ თქვენი საკუთარი პლატფორმა ნაცვლად. How It Works in Code ჩვენი პროგრამა სრულიად მუშაობს ბრაუზერში, რომელიც გამოიყენება და The პროგრამა - მოვუწოდებთ — იქნება open-source და ხელმისაწვდომია GitHub- ში (გვერდვა სერია). React Canvas API CinePalette ჩვენ დაიწყებთ შეერთებული შეტყობინებები, მაგრამ მომხმარებლები ასევე შეუძლიათ შექმნათ და შენახვა საკუთარი. შეტყობინებები განკუთვნილია როგორც RGB ღირებულებების შეტყობინებები - მაგალითად, აქ არის ის, რაც პლატფორმა ეძებს: Kodak Portra 400 "Portra 400": [ [75, 60, 50], // shadows [160, 130, 110], // skin tones [220, 200, 180], // highlights [60, 100, 80], // foliage [180, 150, 100] // neutral ], შერჩეული პლატფორმა აირჩიებს, რა ფერები “გირჩევთ”, რომ გამოიყურებოდეს საბოლოო სურათი. ეს გახდება რკინის ვიზუალური ენა – ძირითადი ტონები, რომლებიც აირჩიონ მისი სტრუქტურა და სტილი. როდესაც მომხმარებლის ჩამოტვირთვა სურათი და აირჩიეთ პლატფორმა, აქ არის ის, რაც ხდება კაბის ქვეშ: ეს არის ეს არის ეს არის ეს არის ეს არის სურათის გამოცემა შეუზღუდავი - ეს გთავაზობთ Pixel-Level ხელმისაწვდომობის მონაცემების შეუზღუდავი. ჩვენ ექსტრაქტებთ ImageData მოვლენას, რომელიც შეიცავს მასშტაბით, სადაც თითოეული Pixel შედგება ოთხი ღირებულება: [R, G, B, A]. We loop through each pixel, ექსტრაქტი მისი RGB ფერი. თითოეული Pixel- ისთვის, ჩვენ იპოვებთ ყველაზე ახლოს შეესაბამება ფერი შერჩეული პლატში, გამოყენებით Euclidean distance in RGB space - და შეცვალოს იგი. ატვირთეთ Shirley ბარათი და ცდილობენ სხვადასხვა პლატატების გამოყენება - თქვენ დაუყოვნებლივ ხედავთ, თუ როგორ პლატატის არჩევანი ფორმირებს სურათი. ძირითადი ფუნქცია არის ფუნქცია, რომელიც შეამოწმოთ და იპოვებს შერჩეული პლატფორმა : each individual pixel closest matching color const findClosestColor = (r, g, b) => { let minDist = Infinity; let closest = [r, g, b]; for (let [pr, pg, pb] of palette) { const dist = Math.sqrt((r - pr) ** 2 + (g - pg) ** 2 + (b - pb) ** 2); if (dist < minDist) { minDist = dist; closest = [pr, pg, pb]; } } return closest; }; მას შემდეგ, რაც ჩვენ გადაიხადეთ ImageData- ში Pixel- ის ორიგინალური ფერი, ჩვენ გადაიხადეთ პლატზე უახლოეს შეესაბამება. in the image. for every single pixel for (let i = 0; i და კონვერტაცია მას სურათს გამოყენებით .toDataURL(). ეს საშუალებას გაძლევთ მომხმარებელს — და ჩამოტვირთეთ ფილტრირებული სურათი ერთი დაწკაპუნებით. see the result instantly in the browser ctx.putImageData(imageData, 0, 0); setFilteredImage(canvas.toDataURL()); აქ, ჩვენ ვიყენებთ — კლასიკური მეთოდი, რათა შეამციროს, თუ რამდენად “კერძო” ორი ფერები: Euclidean distance in RGB space const dist = Math.sqrt((r - pr) ** 2 + (g - pg) ** 2 + (b - pb) ** 2); აქ, (r, g, b) არის ფერი ამჟამად მოკლე, და (pr, pg, pb) არის ერთ-ერთი ფერები პლატში. ყველა გაქირავებული distances, ჩვენ აირჩიეთ მინიმუმ ერთი — შერჩეული პლატფორმა closest visual match ეს მიმოხილვა intuitive და მარტივი განახლება, მაგრამ მას აქვს შეზღუდვები: - მაგალითად, ჩვენ უფრო მგრძნობიარე ვართ ლურჯი, ვიდრე ლურჯი, და სიჩქარეის განსხვავებები შეიძლება იყოს შეცდომატი. RGB სფეროში არ არის მნიშვნელობა, თუ როგორ ადამიანები ნამდვილად იპოვებენ ფერი ჩვენ ვიყენებთ ამ მეთოდი როგორც მარტივი და ხელმისაწვდომი გზა აჩვენოს ძირითადი პრინციპი ფერი რუკირება. თუმცა, მაშინაც კი, მისი მიმდინარე ფორმაში, თქვენ შეიძლება შეამოწმოთ, რომ ზოგიერთი ფერები შეცვალოს გზა, რომელიც გრძნობს არასამთავრობო ან "მოწყობს". CinePalette მომავალი ვერსია, ჩვენ გსურთ დაამატოთ გადახდის შორის Color Spaces – საშუალებას გაძლევთ მომხმარებელს შედარებით, თუ როგორ განსხვავებული მოდელები ეფუძნება ფერი შეესაბამების სიზუსტით. RGB and CIELAB Why Does This Matter? რატომ მნიშვნელოვანია ეს? CinePalette გთავაზობთ ძირითადი, მაგრამ ძირითადი ნაბიჯები ფერი გრანირება: ეს არის, სადაც ყველა ვიზუალური სტილის დაიწყება - კითხვა: palette restriction “What if we only used these colors?”. Portra პლატფორმა აძლევს სითბოს, nostalgic ტონები. Pro 400 გრძნობს სუფთა და შეუზღუდავი. Teal & Orange უზრუნველყოფს მაღალი კონტაქტის ფილმები. განსხვავებით ინსტრუმენტები, როგორიცაა Dehancer ან Resolve, CinePalette არ იმიტომ, რომ ფიზიკური ფილმი. მაგრამ ის მოპოვებს სინათლის სინათლის: ფერი არის ინსტრუმენტი სტილი და ისტორია. What’s Next? რა არის შემდეგ? ეს არის მხოლოდ დაიწყება. შემდეგი ნაწილები სერია: ეს არის ეს არის ეს არის ეს არის ეს არის CinePalette- ის გაფართოების საშუალებას გაძლევთ აირჩიოთ პლატფორმა რეკომენდირებული სურათი; დამატება ავტომატური ექსპერიმენტი ფერი გრაფიკები ნებისმიერი რკინის ან ფოტო; RGB- ის და LAB- ის შორის გადახურვა უფრო პოპულარული შეესაბამებისთვის; და გაუქმეთ, თუ როგორ მუშაობს ფერი ჰორმონი - და თუ როგორ შეგიძლიათ გამოიყენოთ ეს რეალურ მსოფლიოში რეიტინგში. შეინარჩუნეთ გონება - და მზადდება არ არის მხოლოდ სწავლა ფერი, არამედ ნამდვილად იხილოთ. ეს